@import '../../ui/base'

.currentTeam
  @extends .disabledLink

.ancestorTeams
  margin-top 20px
  li
    clear fix
    @extends .h-center
    > a
      float left
      @extends .h-center
      > i
        margin 0 3px
    > ul
      clear fix
      float left

.childrenTeams
  clear fix
  border 1px solid $border-color
  padding 20px 19px
  margin-top 30px
  > p
    float left
  > ul
    clear fix
    margin-left 95px
    li
      float left
      width 122px
      white-space nowrap
      overflow hidden
      text-overflow ellipsis

.search
  display flex
  margin-top 20px
  .filter
    font-size 12px
    clear fix
    li
      float left
      background-color #ddd
      padding 0 5px
      margin 0 5px
      position relative
      a
        position absolute
        right -5px
        top -5px
        background-color rgba(0,0,0,.3)
        border-radius 50%
        i
          color #fff
          transform scale(.6)
  .input
    @extends .h-center
    border 1px solid $border-color
    input
      flex 1
      padding-left 5px
      border none
    flex 1
    margin-right 10px
    height 30px
    padding-right 5px

.teamUsers
  margin-top 30px
  &.hr
    [data-role="table-tr"]
      cursor pointer

.userStatus
  background-color #8AB6F9
  padding 0 8px
  color #fff
  font-size 12px
  height 18px
  line-height 18px
  display inline-block
  &.leave
    background-color #ddd

.config-auth
  color #8CA9C5
  font-size 12px

.auth-check-list
  display flex
  flex-direction column
  margin-left 20px
  .auth-check + .auth-check
    margin-top 20px

@import './style.myTeam.ie.styl'
